<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>
    // 链式编程
    new Promise((resolve, reject) => {
      // 第一次网络请求的代码
      setTimeout(() => {
        resolve()
      }, 1000)
    }).then(() => {
      // 第一次拿到结果的处理代码
      console.log('Hello World');
      console.log('Hello World');
      console.log('Hello World');
      console.log('Hello World');


      return new Promise((resolve, reject) => {
        // 第二次网络请求的代码
        setTimeout(() => {
          resolve()
        }, 1000)
      }).then(() => {
        // 第二次处理的代码
        console.log('Hello Vue');
        console.log('Hello Vue');
        console.log('Hello Vue');
        console.log('Hello Vue');


        return new Promise((resolve, reject) => {

          // 第三次网络请求的代码
          setTimeout(() => {
            resolve()
          }, 1000)
        }).then(() => {
          // 第三次处理的代码
          console.log("Hello Python");
          console.log("Hello Python");
          console.log("Hello Python");
          console.log("Hello Python");
        })

      })
    })
  </script>
</body>

</html>